<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>网易考拉海购-商品详情</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
	<link rel="stylesheet" type="text/css" href="../css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
</head>
<body>
<div class="layout goods_detail">
<!-- 最顶部（下载APP界面） -->
    <header class="index-header">
       <img src="https://haitao.nos.netease.com/ea3fe876692849b298f52947a45942e6.png">
       <div>
         <p>下载APP领1000元新人现金礼包</p>
         <p class="info">网易考拉海购-网易旗下 正品保障</p>
       </div>
       <a href="">立即打开</a>
    </header>

    <!-- 选择栏 -->
        <ul class="nav">
        	<li class="active">商品</li>
        	<li>评价</li>
        	<li>推荐</li>
        	<li>详情</li>
        </ul>
    <!-- 购物车界面轮播图 -->   
	<div class="swiper-container">
		<div class="swiper-wrapper">
		    <div class="swiper-slide">
			    <a href=""></a>
			    <img src="https://haitao.nos.netease.com/1bftsshgu71_800_800.jpg?imageView&thumbnail=750x0&quality=95&type=webp" alt="">
			</div>
		    <div class="swiper-slide">
		        <a href=""></a>
			    <img src="https://haitao.nos.netease.com/izs9r64i78_800_800.jpg?imageView&thumbnail=750x0&quality=95&type=webp" alt="">
		    </div>
		    <div class="swiper-slide">
		        <a href=""></a>
			    <img src="https://haitao.nos.netease.com/1bgfqkl2349_800_800.jpg?imageView&thumbnail=750x0&quality=95&type=webp" alt="">
		    </div>
		</div>
	    <!-- 如果需要分页器 -->
	    <div class="swiper-pagination"></div>
	</div>
	<!-- 价格标题 -->
	<h2 class="price">
       <span>￥600</span>
       <span><del>￥358</del></span>
	</h2>
    <h2 class="title">
       杨幂同款火爆两用包
    </h2>
    <h3 class="desc">
      2袋装 | woolworths 沃尔沃斯 全脂奶粉 1千克/包 2包
      每天一杯好奶是每天的必备功课！新西兰的纯正奶源，让每一头好心情的奶牛都能为你提供每一杯营养好奶
    </h3>
    <div class="mt10"></div>
    <div class="layout-row">
		<a href="comment.html">
			<span>晒单评价(12)</span>
				
			<i class="icon-angle-right"></i>
		</a>
	</div>
<div class="goods-assess border-t">
	<ul>
		<li class="com_list">
			<img src="http://img.fenhongshop.com/memPic/1382953/20164/1460987173.jpg" data-original="http://img.fenhongshop.com/memPic/1382953/20164/1460987173.jpg"
			    class="w30" style="display: inline-block;">

			<span>m***9</span>

			<span class="float-right">2016-08-05</span>

			<p class="pt5">
				<span class="multi-row overhide f12">细腻控油，棒棒嗒，超级好用</span>
			</p>
			<ul class="goods_comments clearfix">

			</ul>

		</li>

		<li class="com_list" style="border: 0px;">
			<img src="http://wx.qlogo.cn/mmopen/WD4FduqfeKKNIvcldwHxqfdC3TawZTg2vlJAN0DNmD4A5IVKWQiaBBPicBruAPtWRb9LRFvdMluYHjpbekSn8zsg/0"
			    data-original="http://wx.qlogo.cn/mmopen/WD4FduqfeKKNIvcldwHxqfdC3TawZTg2vlJAN0DNmD4A5IVKWQiaBBPicBruAPtWRb9LRFvdMluYHjpbekSn8zsg/0"
			    class="w30 h30" style="display: inline-block;">

			<span>m***6</span>

			<span class="float-right">2016-05-31</span>

			<p class="pt5">
				<span class="multi-row overhide f12">好评！</span>
			</p>
			<ul class="goods_comments clearfix">

			</ul>
		</li>
	</ul>
</div>

    <!-- 底部标题栏 -->
    <ul class="bottom">
    	<li class="detail-bottom">
    	    <i class="icon-heart-empty"></i>
	    	<span>收藏</span>
    	</li>
    	<li class="detail-bottom">
    	    <i class="icon-shopping-cart"></i>
    	    <span>购物车</sapn>
    	</li>

	    <li class="goods-bottom"><span>加入购物车</span></li>
	    <li class="goods-bottom color2"><span>立即购买</span></li>
    </ul>
</div>




    <script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../js/rem.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.js"></script>
	<script type="text/javascript" src="../js/html/desc.js"></script>
</body>
</html>